<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="button" value="新增学员" onclick="xinz()" />

    <input type="button" value="显示学员" onclick="reveal()" />
    <p id="p"></p>
    <script type="text/javascript">
        let lut = []; //定义一个用来存储学员数量的数组
        function xinz() {
            lut.push(prompt("请输入新增学员的姓名:"))
            //push() 是 JavaScript 数组的一个方法，用于向数组的末尾添加一个或多个元素，并返回修改后的数组的新长度。
        }

        function reveal() {
            let p = document.getElementById("p"); //获取一个id为"p"的HTML元素，并将其存储在变量p中
            let name = () => {
                //定义了一个名为name的函数
                for (var i = 0; i < lut.length; i++) {
                    //该函数用于循环遍历lut数组并将每个学员姓名添加到p元素的innerHTML属性中，以便在HTML页面上显示出来
                    p.innerHTML += lut[i] + "<br/>";
                }
            }
            p.innerHTML = "共" + lut.length + "学员，信息如下：";
            name();
        }
    </script>
</body>

</html>